<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
    </script>
    <script src="./js/mm.js">
    </script>
    <link rel="stylesheet" href="./css/mm.css">
    <link rel="stylesheet" href="./css/body-header-footer.css">
    <title>综合网站</title>

    <script>
        window.onload = function() {
            start();
        }
    </script>
</head>

<body>
    <div class="bodyContext">
        <!-- 头部 -->
        <header id="header">
            <img draggable="false" id="headImg" draggable="false" src="./img/imgC8A03E4F69CAC734838C0F83CF8AE388.png" alt="">
        </header>

        <!--中央部位-->
        <div class="main-context">
            <!-- 左侧栏 -->
            <aside id="leftAside">
                <div class="asideTag">
                    <a href="#"><img draggable="false" class="right-arrowhead" src="img/icon/pointRight.svg">新品上市</a>
                </div>
                <div class="square-div">
                    <img draggable="false" class="square" src="img/zp1.jpg"><br>
                    <span>作品1</span>
                </div>
                <div class="square-div">
                    <img draggable="false" class="square" src="img/zp2.jfif"><br>
                    <span>作品2</span>
                </div>
            </aside>

            <!-- 右侧栏 -->
            <aside id="rightAside">
                <div class="asideTag">
                    <a href="#"><img draggable="false" class="right-arrowhead" src="img/icon/pointRight.svg">最新资讯</a>
                </div>
                <div id="news">
                    <ul style="margin: 0px; padding: 0px;">
                        <li><a href="#">测试新闻，仅供测试使用</a></li>
                        <li><a href="#">测试新闻，仅供测试使用</a></li>
                        <li><a href="#">测试新闻，仅供测试使用</a></li>
                        <li><a href="#">测试新闻，仅供测试使用</a></li>
                        <li><a href="#">测试新闻，仅供测试使用</a></li>
                        <li><a href="#">测试新闻，仅供测试使用</a></li>
                        <li><a href="#">测试新闻，仅供测试使用</a></li>
                    </ul>
                </div>
                <div id="contact" style="margin-top: 12px;">
                    <img draggable="false" src="img/erw.JPG">
                    <div style="float: right;font-size:medium;width: 120px;">
                        <br>
                        <span>请扫描二维码</span><br>
                        <span>联系电话:</span><br>
                        <span>12723178739</span><br>
                    </div>
                </div>
            </aside>

            <!-- 轮播 -->
            <div id="center-text">
                <img draggable="false" src="img/show/1.JPG" />
                <img draggable="false" src="img/show/2.jfif" />
                <img draggable="false" src="img/show/7.jfif" />
            </div>
        </div>
        <!-- 展示部分 -->
        <div id="show">
            <div class="tag">
                <a href="#"><img draggable="false" class="right-arrowhead" src="./img/icon/pointRight.svg">作品展示</a>
            </div>
            <div class="show-content" style="font-size: 0;">
                <div><img draggable="false" src="./img/show/1.JPG"></div>
                <div><img draggable="false" src="./img/show/2.jfif"></div>
                <div><img draggable="false" src="./img/show/3.jfif"></div>
                <div><img draggable="false" src="./img/show/4.JPG"></div>
                <div><img draggable="false" src="./img/show/5.jfif"></div>
                <div><img draggable="false" src="./img/show/6.jfif"></div>
                <div><img draggable="false" src="./img/show/7.jfif"></div>
                <div><img draggable="false" src="./img/show/8.JPG"></div>
                <div><img draggable="false" src="./img/show/9.JPG"></div>
                <div><img draggable="false" src="./img/show/10.jfif"></div>
                <div><img draggable="false" src="./img/show/11.jfif"></div>
                <div><img draggable="false" src="./img/show/12.jfif"></div>
                <div><img draggable="false" src="./img/show/13.jfif"></div>
                <div><img draggable="false" src="./img/show/14.jfif"></div>
                <div><img draggable="false" src="./img/show/15.jfif"></div>
                <div><img draggable="false" src="./img/show/16.jfif"></div>
            </div>
        </div>

        <!-- 页眉 -->
        <footer>
            <ul style="text-align: center; text-align: center;padding: 0px;">
                <li>CQUPT&nbsp;:&nbsp; Chongqing University Of Posts And Telecommunications</li>
                <li>地址&nbsp;:&nbsp; 重庆市南岸区崇文路2号</li>
            </ul>

        </footer>


    </div>
</body>

</html>